import {DataGrid, GridColumn,GridHeaderRow,GridColumnGroup,NumberBox,TextBox,LinkButton,Dialog,ButtonGroup,FileButton} from 'easyui';
class Page_datagrid extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
          data: this.getData()
        }
    }
    getData() {
        return [
          {"code":"FI-SW-01","name":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr":"Large","itemid":"EST-1"},
          {"code":"K9-DL-01","name":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr":"Spotted Adult Female","itemid":"EST-10"},
          {"code":"RP-SN-01","name":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr":"Venomless","itemid":"EST-11"},
          {"code":"RP-SN-01","name":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr":"Rattleless","itemid":"EST-12"},
          {"code":"RP-LI-02","name":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr":"Green Adult","itemid":"EST-13"},
          {"code":"FL-DSH-01","name":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr":"Tailless","itemid":"EST-14"},
          {"code":"FL-DSH-01","name":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr":"With tail","itemid":"EST-15"},
          {"code":"FL-DLH-02","name":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr":"Adult Female","itemid":"EST-16"},
          {"code":"FL-DLH-02","name":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr":"Adult Male","itemid":"EST-17"},
          {"code":"AV-CB-01","name":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr":"Adult Male","itemid":"EST-18"}
        ]
    }
    render0(){
      return(
        <div>ere</div>
      )
    }
    render(){
        return (
            <div>
                <DataGrid data={this.state.data} style={{height:250}}>
                  <GridColumn field="itemid" title={t("ID")}></GridColumn>
                  <GridColumn field="name" title={t("Name")}></GridColumn>
                  <GridColumn field="listprice" title={t("List Price")} align="right"></GridColumn>
                  <GridColumn field="unitcost" title={t("Unit Cost")} align="right"></GridColumn>
                  <GridColumn field="attr" title={t("Attribute")} width="30%"></GridColumn>
                  <GridColumn field="status" title={t("Status")} align="center"></GridColumn>
                </DataGrid>
            </div>
        );
    }
}
export default Page_datagrid;